import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 引入amfe-flexible
import 'amfe-flexible/index'

// 引入less
import less from 'less'

// 引入全局less
import 'assets/styles/global.less'

// 引入矢量图标
import 'assets/iconfont/iconfont.css'

// 按需引入Vant组件
import {
  Button,
  Col,
  Row,
  Search,
  Tab,
  Tabs,
  Swipe,
  SwipeItem,
  Lazyload,
  Tabbar,
  TabbarItem,
  Icon,
  Form,
  Field,
  Notify,
  Dialog,
  Badge
} from 'vant'

Vue.use(less)
Vue.use(Button)
Vue.use(Col)
Vue.use(Row)
Vue.use(Search)
Vue.use(Tab)
Vue.use(Tabs)
Vue.use(Swipe)
Vue.use(SwipeItem)
Vue.use(Lazyload)
Vue.use(Tabbar)
Vue.use(TabbarItem)
Vue.use(Icon)
Vue.use(Form)
Vue.use(Field)
Vue.use(Notify)
Vue.use(Dialog)
Vue.use(Badge)

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App),
}).$mount('#app')
